<template>
	<div>
		<div class='register'>
			<view class="registers">新用户注册</view>
			<input type="text" value="" placeholder='手机号' class="reguser" />
			<input type="text" value="" placeholder='验证码' class="regvre" />
			<input type="text" value="" placeholder='密码' class="regpass" />
			<div class='getcode'>
				<div class='getcodes'>
					<p>获取验证码</p>
				</div>

			</div>
			<button class="registerbtn">立即注册</button>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.register {
		/* 	width: 100%; */
		height: 100px;
		padding: 0px 20px;
		position: relative;
	}

	.registers {
		line-height: 100px;
		text-align: center;
		font-weight: 700;
	}

	.reguser,
	.regvre,
	.regpass {
		height: 50px;
		border-bottom: 1px solid #708090;
	}

	.getcode {
		position: absolute;
		width: 100px;
		height: 29px;
		left: 242px;
		top: 165px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		font-size: 14.0px;
		padding: 0px;
		border-radius: 43px;
		border-width: 1px;
		border-style: solid;
		text-align: center;
		line-height: 20px;
		font-weight: normal;
		font-style: normal;
		z-index: 5;
		opacity: 1;
	}

	.getcodes {
		width: 71px;
		height: 23px;
		left: 256px;
		top: 190px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		font-size: 14.0px;
		padding: 0px;
		border-radius: 0px;
		border-width: 0px;
		border-style: solid;
		line-height: 27px;
		font-weight: normal;
		font-style: normal;
		z-index: 5;	
		opacity: 1;
		margin-left: 14px;
		
	}
	.registerbtn{
		margin-top: 30px;
		background: #fff;
		font-size: 16px;
		border-radius: 5px;
		margin-bottom: 10px;
	}


</style>
